<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>属性选择器</title>
    <style>
        /*
            可以根据元素中的属性与属性值进行匹配
         */
        /*匹配所有段落中带有name属性的元素*/
        /*p[name]{*/
            /*color:red;*/
        /*}*/
        /*匹配所有段落中name属性值为p1的元素*/
        /*p[name='p1']{*/
            /*background: gray;*/
        /*}*/
        /*匹配所有段落中name属性值以p开头的元素*/
        /*p[name^='p']{*/
            /*color: green;*/
        /*}*/
        /*匹配所有段落中name属性值以1结尾的元素*/
        /*p[name$='1']{*/
            /*color: blue;*/
        /*}*/
        /*匹配所有段落中name属性值包含p的元素*/
        p[name*='p']{
            color: #f081ff;
        }
    </style>
</head>
<body>
<p name="p1">第1个段落</p>
<p name="p2">第2个段落</p>
<p name="p1">第3个段落</p>
<p name="sp41">第4个段落</p>
<p name="p1">第5个段落</p>
<p>第6个段落</p>
</body>
</html>